<!DOCTYPE html>
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width-device-width, initial-scale=l.0"/>
    <link 
    rel="shortcut icon"
    href="https://result.school/logo-result.school.png"
    />
    <link
    href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
    rel="stylesheet"
    integrity = "sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p51LY+dN9+nJOZ"
    crossorigin="anonymous"
    />
    <title>01. JS Base</title>
</head>

<body class="bg-dark text-light">
    <div class="container w-50 pt-5">
        <h1>calcul</h1>
    <input
        type= "number"
        class="form-control mb-2"
        placeholder="1 число"
        id="input1"
        va1ue=" 10"
    />
    <input
        type= "number"
        class="form-control mb-2"
        placeholder="1 число"
        id="input1"
        va1ue=" 10"
    />
    <div class="d-flex mb-2">
        <button class="btn btn-success flex-grow-I mx-2" id="plus">+</button>
        <button class="btn btn-danger flex-grow-I mx-2" id="minus">—</button>
        </div>
        <button class="btn btn-outline-info w-løø mb-2" id= "submit" >
        clac
        </button>
        <div class="text-bg-light p-3 text-center">
            <h4>res:</h4>
            <p id="result" class="mb-Ø">49</p>
        </div>
    </div>
</body>
</html>